<template>
	<zq-page>
		<zq-navbar v-model="scrollTop" :props="{'navbarTitle':'view盒子'}"></zq-navbar>
		<view class="flex_row flex_wrap flex_start">
			<block v-for="(item,index) in list">
				<zq-box v-model="scrollTop">
					<view :style="{'height': item.heigth + 'rpx'}">
						{{index}}
					</view>
				</zq-box>
			</block>
		</view>
	</zq-page>
</template>

<script>
	export default{
		data(){
			return{
				list:[]
			}
		},
		created() {
			setTimeout(()=>{
				this.timer = setInterval(()=>{
					if(this.list.length < 50){
						this.list.push({heigth:100 + Math.random() * 300});
					}else{
						clearInterval(this.timer)
					}
				},100)
			},200)
		}
	}
</script>

<style>
</style>
